@charset "utf-8";
    body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ 
        margin: 0;
        padding: 0;
    }
    body {
        min-width: 1141px;
        margin: 0 auto;
        }
    /* img {
        vertical-align: middle;
        border: none;
    } */
    ul,ol,li{
        list-style: none;
    }
    a {
        text-decoration: none;
        color: black;
    }
    .clr::after {
        content:"";
        clear: both;
        visibility: hidden;
        display: block;
        height: 0;
        overflow: hidden;
    }
    .clr{
        zoom: 1;
    }
    .banxin {
        width: 1141px;
        margin: 0 auto;
    }

    /* header */
    .header{
        width: 1141px;
        margin: auto;
    }
    .logo ul li {
        float: left;
        text-align: center;
        line-height: 82px;
        font-size: 12px;
        margin-left: 62px;
    }
    .logo img {
        float: left;
    }
    .img {
        height: 479px;
    	width: 1141px;
        margin: auto;
        position: relative;
        text-align: center;
    }
    .img_box {
        position: absolute;
        top: 50%;
	    left: 50%;
	    margin-top: -239.5px;
	    margin-left: -720px;
    }
    /* business */
    .business_box {
        margin:  auto;
        text-align: center;
        padding-top: 20px;
    }

    /* .business_box1 {
        display: flex;
        justify-content: space-between;
    } */
    .business_box1 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
        margin-top: 20px;
    }
    .houbei {
        position: relative;
        width: 351px;
        /* height: 168px; */
        overflow: hidden;
    }
    .bz {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 228px;
	    height: 71px;
        background-color: #fff;
        margin-top: -35.5px;
        margin-left: -114px;
        line-height: 71px;
        text-align: center;
        color:#fff;
    }
    .h1 {
        width: 351px;
    	height: 168px;
    	position: absolute;
    	top: -218px;
    	left: 0;
    	background:rgba(25,158,223,0) ;
    	transition: all 0.3s linear; 
    	text-align: center;
    	padding-top: 50px;
        /* visibility: hidden; */
        color: #fff;
    }
    .h1 a {
        color: #fff;
        display: block;
        margin-top: 10px;
    }
    .houbei:hover .h1_1{
        transform: translateY(218px);
        background:rgba(25,158,223,1) ;
        /* visibility: visible; */
    }
    .houbei:hover .h1_2{
        transform: translateY(218px);
        background-color: rgb(25,106,224);
        /* visibility: visible; */
    }
    .houbei:hover .h1_3{
        transform: translateY(218px);
        background-color: rgb(254,207,26);
        /* visibility: visible; */
    }
    .houbei:hover .h1_4{
        transform: translateY(218px);
        background-color: rgb(153,199,51);
        /* visibility: visible; */
    }
    .houbei:hover .h1_5{
        transform: translateY(218px);
        background-color: rgb(216,28,130);
        /* visibility: visible; */
    }
    .houbei:hover .h1_6{
        transform: translateY(218px);
        background-color: rgb(232,51,52);
        /* visibility: visible; */
    }
    /* clients */
    .clients{
        background-color: rgb(235,239,242);
        padding-bottom: 100px;
    }
    .client_box {
        display: flex;
        justify-content: space-between;
        width: 1141px;  
    }
    .clients p,.works p{
        margin-bottom: 40px;
    }
    .bei {
        width: 283px;
        height: 166px;
        padding: 0;
        margin: 0;
        background-image: url(img/a664469dc7e22adc1311ede9aae8be0b_ptzt1.png);
        margin-bottom: 2px;
    }
    img {
        opacity: 1;
    }
    .bei:hover img{
        opacity: 0;
    }
    .work_box {
        display: flex;
        justify-content: space-between;
    }
    .works {
        margin-bottom: 100px;
    }
    .jiao {
        position: relative;
        overflow: hidden;
    }
    .s {
        width: 283px;
    	height: 211px;
    	position: absolute;
    	top: 0;
    	left: -283px;
        transition: all 0.5s linear;    
        text-align: center;
        line-height: 211px;
    }
    .r {
        width: 283px;
    	height: 211px;
    	position: absolute;
    	top: 0;
    	right: -283px;
        transition: all 0.5s linear; 
        text-align: center;
        line-height: 211px;
    }
    .r img{
        padding-top: 60px;
    }
    .jiao:hover .s{
        transform: translateX(283px);

    }
    .jiao:hover .r{
        transform: translateX(-283px);

    }
    
    .news {
        background-image: url(img/fc0b318c6290811274a12d7d12df89c6_ind_news_bg.jpg);
        padding-bottom: 65px;
        margin-bottom: 0;
    }
    .teng {
        display: flex;
        justify-self: space-between;
        position: relative;
    }
    .shui {
        width: 550px;
        height: 166px;
        background-color: #fff;
        margin-bottom: 20px;
        margin-left: 40px;
        position: relative;
    }
    .shui img {
        float: left;
    }
    .shui p{
        text-indent: 2em;
    }
    .nb{
        height: 170px;
        padding-right:  20px;
        padding-left: 190px;

    }
    .news .business_box p{
        color:#fff;
        margin: 30px 0;
    }
    .nb a {
        /* display: block; */
        height: 60px;
        line-height: 60px;
    }
    .nb p {
        font-size: 12px;
        color: rgb(153,153,153);
        height: 55px;
        margin-bottom: 20px;
    }
    .nb span {
        font-size: 12px;
        color: rgb(221,221,221);
    }
    .shui a:hover {
        color: blue;
    }
    .jz {
        float: right;
    }
    .dt {
        float: left;
    }
    .box {
        margin-top: 50px;
    }
    .contact {
        background-color: rgb(46,46,46);
        height: 525px;
        margin-bottom: 0;
    }
    .lz {
        display: flex;
        justify-self: space-between;
    }
    .l {
        width: 565px;
	    height: 383px;
        border-right: 1px gray solid;
    }
    .z {
        width: 565px;
	    height: 383px;
        margin-left: 60px;
    }
    .lz p {
       text-align: left;
       font-size: 16px;
       color: #fff;
       margin: 20px;
    }
    .lz img {
        width: 19px;
        height: 16px;
        text-align: center;

    }
    .qie {
        width: 205px;
    	height: 59px;
    	background: #414141;
    	border-radius: 4px;
        display: inline-block;
        float: left;
    }
    .dianhua {
        width: 205px;
    	height: 59px;
    	background: #414141;
    	border-radius: 4px;
    	margin-left: 17px;
        display: inline-block;
        float: left;
    }
    .qie img {
        width: 42px;
        height: 48px;
        float: left;
        padding-left: 10px;
        text-align: center;
        padding-top: 4px;
    }
    .dianhua img {
        width: 42px;
        height: 30px;
        float: left;
        padding-left: 10px;
        text-align: center;
        padding-top: 13px;
    }
    .lz .l .qie .p1,.lz .l .dianhua .p1{
        margin: 0; 
        padding-left: 60px;
        padding-top: 12px;
    }
    .lz .l .qie .p2 ,.lz .l .dianhua .p2{
        font-size: 12px;
        margin: 0; 
        padding-left: 60px;
        /* padding: 0; */
    }
    .input {
        width: 271px;
        height: 27px;
        margin-bottom: 7px;
        background-color: rgb(130,130,130);
    }
    .input1 {
        width: 371px;
        height: 100px;
        background-color: rgb(130,130,130);
    }
    button {
        background-color: rgb(130,130,130);
        font-size: 16px;
        border: 1px solid rgb(130,130,130);
        border-radius: 10px ;
    }
    .footer {
        background-color: rgb(24,26,25);
        height: 40px;
        color:#fff;
        font-size: 12px;
        text-align: center;
        line-height: 40px;
        margin-top: 45px;

    }